<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>??????</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"
            crossorigin="anonymous"></script>
</head>
<body>

<div align="center">
    <img src="../img/lagou.png" height="1115" width="1918" usemap="#buttonmap"/>
    <map name="buttonmap" id="buttonmap">
        <area id="jobCollectButton" shape="rect" coords="1145,88,1276,131" href="javascript:operation('lagou', 'job_collect')"/>
        <area id="cvSendButton" shape="rect" coords="1294,88,1426,131" href="javascript:operation('lagou', 'cv_send')"/>
        <area id="cvUploadButton" shape="rect" coords="1444,88,1576,131" href="javascript:operation('lagou', 'click')"/>
        <area id="clickButton" shape="rect" coords="1320,152,1435,180" href="javascript:operation('lagou', 'cv_upload')"/>
    </map>
</div>
<script>

    function operation(job_code, action) {
        $.ajax({
            url: 'http://192.168.0.111/operation',
            type: 'POST',
            contentType: 'application/json;charset=utf-8',
            dataType: 'json',
            data:{
                user_id: '10001',
                act_time:  new Date().getTime(),
                action:action,
                job_code:job_code
            },
            success: function (data) {

            }
        })
    }

</script>
</body>
</html>